<!DOCTYPE html>
<html>
<head>
    <title>水调歌头·明月几时有 - 新谱试听</title>
    <meta charset="UTF-8">
    <style>
        #score-container { font-family: "BabelStone Han", serif; font-size: 24px }
        .shupu-symbol { color: #d32f2f; margin: 0 5px }
        .current-note { background: #fff9c4 }
        #controls { margin: 20px 0 }
		// 在controls区域添加：
	<select id="instrument-select">
		<option value="guqin">古琴</option>
		<option value="xiao">箫</option>
	</select>
    </style>
</head>
<body>
    <h1>水调歌头·明月几时有（新谱复原）</h1>
    <div id="score-container"></div>
    <div id="controls">
        <button id="play-btn">播放</button>
        <input type="range" id="tempo" min="40" max="120" value="60">
        <span id="tempo-value">60 BPM</span>
    </div>
    <script src="shupu-player.js"></script>
</body>
</html>